nextcloud / polls

var g_chosen_texts = [];

var g_chosen_groups = [];

var g_chosen_users = [];

var chosen_type = 'event';

var access_type = '';

var isAnonymous;

var hideNames;

function selectItem(cell) {

	cell.removeClass('icon-close');

	cell.addClass('icon-checkmark');

	cell.removeClass('date-text-not-selected');

	cell.addClass('date-text-selected');

	if (cell.attr('class').indexOf('is-text') > -1) {

		var id = cell.attr('id');

		g_chosen_texts.push(id.substring(id.indexOf('_') + 1));

	} else {

		var dateId = cell.parent().attr('id'); //timestamp of date

		var timeId = cell.attr('id');

		g_chosen_datetimes.push(parseInt(dateId) + parseInt(timeId));

	}

}

function deselectItem(cell) {

	var id;

	var index;

	var dateId;

	var timeId;

	cell.removeClass('icon-checkmark');

	cell.addClass('icon-close');

	cell.removeClass('date-text-selected');

	cell.addClass('date-text-not-selected');

	if (cell.attr('class').indexOf('is-text') > -1) {

		id = cell.attr('id');

		index = g_chosen_texts.indexOf(id.substring(id.indexOf('_') + 1));

		if (index > -1) {

			g_chosen_texts.splice(index, 1);

		}

	} else {

		dateId = cell.parent().attr('id'); //timestamp of date

		timeId = cell.attr('id');

		index = g_chosen_datetimes.indexOf(parseInt(dateId) + parseInt(timeId));

		if (index > -1) {

			g_chosen_datetimes.splice(index, 1);

		}

	}

}

function insertText(text, set) {

	if (typeof set === 'undefined') {

		set = false;

	}

	var table = document.getElementById('selected-texts-table');

	var tr = table.insertRow(-1);

	var td = tr.insertCell(-1);

	td.innerHTML = text;

	td.className = 'text-row';

	td = tr.insertCell(-1);

	if (set) {

		td.className = 'icon-checkmark is-text date-text-selected';

	} else {

		td.className = 'icon-close is-text date-text-not-selected';

	}

	td.id = 'text_' + text;

}

function addRowToList(ts, text, timeTs) {

	if (typeof timeTs === 'undefined') {

		timeTs = -1;

	}

	var table = document.getElementById('selected-dates-table');

	var rows = table.rows;

	var td, tr, tdId;

	var i, j;

	var curr;

	if (rows.length === 0) {

		tr = table.insertRow(-1); //start new header

		tr.insertCell(-1);

		tr = table.insertRow(-1); //append new row

		tr.id = ts;

		tr.className = 'toggleable-row';

		td = tr.insertCell(-1);

		td.className = 'date-row';

		td.innerHTML = text;

		return;

	}

	for ( i=1; i<rows.length; i++) {

		curr = rows[i];

		if (curr.id === ts) {

			for (j=1; j<curr.cells.length; j++) {

				td = curr.cells[j];

				 tdId = curr.cells[j].id;

				if ( timeTs === tdId) {

					td.className = 'icon-checkmark date-text-selected';

				}

			}

			return; //already in table, cancel

		} else if (curr.id > ts) {

			tr = table.insertRow(i); //insert row at current index

			tr.id = ts;

			tr.className = 'toggleable-row';

			td = tr.insertCell(-1);

			td.className = 'date-row';

			td.innerHTML = text;

			for (j=1; j<rows[0].cells.length; j++) {

				tdId = rows[0].cells[j].id;

				td = tr.insertCell(-1);

				if (timeTs === tdId) {

					td.className = 'icon-checkmark date-text-selected';

				}  else { 

					td.className = 'icon-close date-text-not-selected';

				}

				td.id = tdId;

				td.innerHTML = '';

			}

			return;

		}

	}

	tr = table.insertRow(-1); //highest value, append new row

	tr.id = ts;

	tr.className = 'toggleable-row';

	td = tr.insertCell(-1);

	td.className = 'date-row';

	td.innerHTML = text;

	for (j=1; j<rows[0].cells.length; j++) {

		tdId = rows[0].cells[j].id;

		td = tr.insertCell(-1);

		if (timeTs === tdId) {

			td.className = 'icon-checkmark date-text-selected';

		} else {

			td.className = 'icon-close date-text-not-selected';

		}

		td.id = tdId;

		td.innerHTML = '';

	}

}

function addColToList(ts, text, dateTs) {

	if (typeof dateTs === 'undefined') {

		dateTs = -1;

	}

	var table = document.getElementById('selected-dates-table');

	var rows = table.rows;

	var tr, row, td, cells, tmpRow;

	var i, curr;

	var index = -1;

	if (rows.length === 0) {

		tr = table.insertRow(-1);

		tr.insertCell(-1);

	}

	rows = table.rows;

	tmpRow = rows[0];

	for (i=0; i<tmpRow.cells.length; i++) {

		curr = tmpRow.cells[i];

		if (curr.id === ts) {

			return; //already in table, cancel

		} else if (curr.id > ts) {

			index = i;

			break;

		}

	}

	for (i=0; i<rows.length; i++) {

		row = rows[i];

		cells = row.cells;

		td = row.insertCell(index);

		//only display time in header row

		if (i===0) {

			td.innerHTML = text;

			td.className = 'date-col';

		} else {

			td.innerHTML = '';

			if (row.id === dateTs) {

				td.className = 'icon-checkmark date-text-selected';

			} else { 

				td.className = 'icon-close date-text-not-selected';

			}

		}

		td.id = ts;

	}

}

function debounce(f, wait, immediate) {

	var timeout;

	return function() {

		var context = this;

		var args = arguments;

		var later = function() {

			timeout = null;

			if (!immediate) {

				f.apply(context, args);

			}

		};

		var callNow = immediate && !timeout;

		timeout = setTimeout(later, wait);

		if (callNow) {

			f.apply(context, args);

		}

	};

}

$(document).ready(function () {

	// enable / disable date picker

	var i;

	$('#id_expire_set').click(function(){

		$('#id_expire_date').prop("disabled", !this.checked);

		if (this.checked) {

		   $("#id_expire_date").focus();

		}

	});

	var anonOptions = document.getElementById('anonOptions');

	$('#hideNames').click(function() {

		hideNames = this.checked;

	});

	var privateRadio = document.getElementById('private');

	var hiddenRadio = document.getElementById('hidden');

	var publicRadio = document.getElementById('public');

	var selectRadio = document.getElementById('select');

	if (privateRadio.checked) {

		access_type = 'registered';

	} else if (hiddenRadio.checked) {

		access_type = 'hidden';

	} else if (publicRadio.checked) {

		access_type = 'public';

	} else if (selectRadio.checked) {

		access_type = 'select';

	}

	isAnonymous = document.getElementById('isAnonymous').checked;

	hideNames = anonOptions.checked;

	var accessValues = document.getElementById('accessValues');

	if (accessValues.value.length > 0) {

		var list = document.getElementById('selected-search-list-id');

		var accessValueArr = accessValues.value.split(';');

		for (i=0; i<accessValueArr.length; i++) {

			var val = accessValueArr[i];

			if (val === '') {

				continue;

			}

			var li = document.createElement('li');

			li.id = val;

			li.className = 'cl_item cl_access_item selected';

			var index = val.indexOf('group_');

			if (index === 0) {

				g_chosen_groups.push(val);

				li.className += ' is-group';

				li.appendChild(document.createTextNode(val.substring(6) + " (group)"));

				list.appendChild(li);

			} else {

				index = val.indexOf('user_');

				if (index === 0) {

					g_chosen_users.push(val);

					li.className = 'cl_item cl_access_item selected';

					var username = val.substring(5);

						list.appendChild(li);

					});

				}

			}

		}

	}

	var chosenDates = document.getElementById('chosenDates').value;

	var chosen = '';

	if (chosenDates.length > 0) {

		chosen = JSON.parse(chosenDates);

	}

	var text = document.getElementById('text');

	var event = document.getElementById('event');

	if (event.checked) {

		chosen_type = event.value;

		if (chosenDates.length > 0) {

			g_chosen_datetimes = chosen;

		}

		for (i=0; i<chosen.length; i++) {

			var date = new Date(chosen[i]*1000);

			var year = date.getFullYear();

			var month = date.getMonth();

			var day = date.getDate();

			var newDate = new Date(year, month, day).getTime(); //save timestamp without time of day

			month = '0' + (month+1); //month is 0-11, so +1

			day = '0' + day;

			var dateStr = day.substr(-2) + '.' + month.substr(-2) + '.' + year;

			var hours = date.getHours();

			var minutes = date.getMinutes();

			var ms = (hours * 60 * 60 * 1000) + (minutes * 60 * 1000); //time of day in milliseconds

			hours = '0' + hours;

			minutes = '0' + minutes;

			var timeStr = hours.substr(-2) + ':' + minutes.substr(-2);

			addRowToList(newDate/1000, dateStr, ms/1000);

			addColToList(ms/1000, timeStr, newDate/1000);

		}

	} else {

		chosen_type = text.value;

		if (chosenDates.length > 0) {

			g_chosen_texts = chosen;

		}

		for (i=0; i<chosen.length; i++) {

			insertText(chosen[i], true);

		}

	}

		inline: false,

		onSelectDate: function(date) {

			var year = date.getFullYear();

			var month = date.getMonth();

			var day = date.getDate();

			var newDate = new Date(year, month, day).getTime()/1000;

			document.getElementById('expireTs').value = newDate;

		},

		timepicker: false,

		format: 'd.m.Y'

	});

		inline:true,

		step: 15,

		todayButton: true,

		onSelectDate: function(date) {

			var year = date.getFullYear();

			var month = date.getMonth();

			var day = date.getDate();

			var newDate = new Date(year, month, day).getTime(); //save timestamp without time of day

			month = '0' + (month+1); //month is 0-11, so +1

			day = '0' + day;

			var dateStr = day.substr(-2) + '.' + month.substr(-2) + '.' + year;

			addRowToList(newDate/1000, dateStr);

		},

		onSelectTime: function(date) {

			var hours = date.getHours();

			var minutes = date.getMinutes();

			var ms = (hours * 60 * 60 * 1000) + (minutes * 60 * 1000); //time of day in milliseconds

			hours = '0' + hours;

			minutes = '0' + minutes;

			var timeStr = hours.substr(-2) + ':' + minutes.substr(-2);

			addColToList(ms/1000, timeStr);

		}

	});

	$(document).on('click', '.date-row', function() {

		var tr = $(this).parent();

		var dateId = parseInt(tr.attr('id'));

		var index = tr.index();

		var cells = tr[0].cells; //convert jQuery object to DOM

		for (var i=1; i<cells.length; i++) {

			var cell = cells[i];

			var delIndex = g_chosen_datetimes.indexOf(dateId + parseInt(cell.id));

			if (delIndex > -1) {

				g_chosen_datetimes.splice(delIndex, 1);

			}

		}

		var table = document.getElementById('selected-dates-table');

		table.deleteRow(index);

	});

	$(document).on('click', '.date-col', function() {

		var cellIndex = $(this).index();

		var timeId = parseInt($(this).attr('id'));

		var table = document.getElementById('selected-dates-table');

		var rows = table.rows;

		rows[0].deleteCell(cellIndex);

		for (var i=1; i<rows.length; i++) {

			var row = rows[i];

			var delIndex = g_chosen_datetimes.indexOf(parseInt(row.id) + timeId);

			if (delIndex > -1) {

				g_chosen_datetimes.splice(delIndex, 1);

			}

			row.deleteCell(cellIndex);

		}

	});

	$(document).on('click', '.text-row', function() {

		var tr = $(this).parent();

		var rowIndex = tr.index();

		var name = $(this).html();

		var delIndex = g_chosen_texts.indexOf(name);

		if (delIndex > -1) {

			g_chosen_texts.splice(delIndex, 1);

		}

		var table = document.getElementById('selected-texts-table');

		table.deleteRow(rowIndex);

	});

	$(document).on('click', '.icon-close', function() {

		selectItem($(this));

	});

	$(document).on('click', '.icon-checkmark', function() {

		deselectItem($(this));

	});

	$(document).on('click', '#text-submit', function() {

		var text = document.getElementById('text-title');

		if (text.value.length === 0) {

			alert('Please enter a text!');

			return false;

		}

		insertText(text.value);

	});

	$(document).on('click', '.cl_item', function() {

		var index;

		var list = document.getElementById('selected-search-list-id');

		var isGroup = $(this).hasClass('is-group');

		if ($(this).hasClass('selected')) {

			if (isGroup) {

				index = g_chosen_groups.indexOf(this.id);

			}

			else { 

				index = g_chosen_users.indexOf(this.id);

			}

			if (index > -1) {

				if (isGroup) {

					g_chosen_groups.splice(index, 1);

				}

				else {

					g_chosen_users.splice(index, 1);

				}

				$(this).remove();

			}

		} else {

			if (!isGroup) {

				var text = this.id.replace('user_', '');

				g_chosen_users.push(this.id);

			} else {

				g_chosen_groups.push(this.id);

			}

			document.getElementById('user-group-search-box').value = '';

			var li = document.createElement('li');

			li.id = this.id;

			li.className = 'cl_item cl_access_item selected' + (isGroup ? ' is-group' : '');

			if (!isGroup) {

					list.appendChild(li);

				});

			} else {

				li.appendChild(document.createTextNode($(this).html()));

				list.appendChild(li);

			}

			$(this).remove();

		}

	});

	$('.toggleable-row').hover(

		function() {

			var td = this.insertCell(-1);

			td.className = 'toggle-all selected-all';

		}, function() {

			$(this).find('td:last-child').remove();

		}

	);

	$(document).on('click', '.toggle-all', function() {

		var children;

		var i;

		if ($(this).attr('class').indexOf('selected-all') > -1) {

			children = $(this).parent().children('.icon-checkmark');

			for (i=0; i<children.length; i++) {

				deselectItem($(children[i]));

			}

			$(this).removeClass('selected-all');

			$(this).addClass('selected-none');

		} else {

			children = $(this).parent().children('.icon-close');

			for (i=0; i<children.length; i++) {

				selectItem($(children[i]));

			}

			$(this).removeClass('selected-none');

			$(this).addClass('selected-all');

		}

	});

	$('input[type=radio][name=pollType]').change(function() {

		if (this.value === 'event') {

			chosen_type = 'event';

			document.getElementById('text-select-container').style.display = 'none';

			document.getElementById('date-select-container').style.display = 'inline';

		} else {

			chosen_type = 'text';

			document.getElementById('text-select-container').style.display = 'inline';

			document.getElementById('date-select-container').style.display = 'none';

		}

	});

	$('input[type=radio][name=accessType]').click(function() {

		access_type = this.value;

		if (access_type === 'select') {

			$("#access_rights").show();

			$("#selected_access").show();

		} else {

			$("#access_rights").hide();

			$("#selected_access").hide();

		}

	});

	$('input[type=checkbox][name=check_expire]').change(function() {

		if (!$(this).is(':checked')) {

			document.getElementById('expireTs').value = '';

		}

	});

	$('#user-group-search-box').on('input', debounce(function() {

		var ul = document.getElementById('live-search-list-id');

		while(ul.firstChild) {

			ul.removeChild(ul.firstChild);

		}

		var val = $(this).val();

		if (val.length < 3) {

			return;

		}

		var formData = {

			searchTerm: val,

			groups: JSON.stringify(g_chosen_groups),

			users: JSON.stringify(g_chosen_users)

		};

		$.post(OC.generateUrl('/apps/polls/search'), formData, function(data) {

			for (var i=0; i<data.length; i++) {

				var ug = data[i];

				var li = document.createElement('li');

				li.className = 'cl_item cl_access_item';

				if (ug.isGroup) {

					li.id = 'group_' + ug.gid;

					li.className += ' is-group';

					li.appendChild(document.createTextNode(ug.gid + " (group)"));

					ul.appendChild(li);

				} else {

					li.id = 'user_' + ug.uid;

					li.appendChild(document.createTextNode(ug.uid + " (" + ug.displayName + ")"));

					var span = document.createElement('span');

					span.id = 'sec_name';

					span.appendChild(document.createTextNode(ug.uid));

					li.appendChild(span);

					ul.appendChild(li);

				}

			}

		});

	}, 250));

	$('.live-search-list-user li').each(function(){

	$(this).attr('data-search-term', $(this).text().toLowerCase());

	});

	$('.live-search-box-user').on('keyup', function(){

	var searchTerm = $(this).val().toLowerCase();

		$('.live-search-list-user li').each(function(){

			if (   $(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0  

			    || searchTerm.length < 1

			) {

				$(this).show();

			} else {

				$(this).hide();

			}

		});

	});

	$('.live-search-list-group li').each(function(){

		$(this).attr('data-search-term', $(this).text().toLowerCase());

	});

	$('.live-search-box-group').on('keyup', function(){

	var searchTerm = $(this).val().toLowerCase();

		$('.live-search-list-group li').each(function(){

			if (   $(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 

			    || searchTerm.length < 1

			) {

				$(this).show();

			} else {

				$(this).hide();

			}

		});

	}); 

	var form = document.finish_poll;

	var submit_finish_poll = document.getElementById('submit_finish_poll');

	if (submit_finish_poll !== null) {

		submit_finish_poll.onclick = function() {

			if (   g_chosen_datetimes.length === 0 

			    && g_chosen_texts.length === 0

			) {

				alert(t('polls', 'Nothing selected!\nClick on cells to turn them green.'));

				return false;

			}

			if (chosen_type === 'event') {

				form.elements.chosenDates.value = JSON.stringify(g_chosen_datetimes);

			}

			else {

				form.elements.chosenDates.value = JSON.stringify(g_chosen_texts);

			}

			var title = document.getElementById('pollTitle');

			if (   title === null 

			    || title.value.length === 0

			) {

				alert(t('polls', 'You must enter at least a title for the new poll.'));

				return false;

			}

			if (access_type === 'select') {

				if (   g_chosen_groups.length === 0 

				    && g_chosen_users === 0

				) {

					alert(t('polls', 'Please select at least one user or group!'));

					return false;

				}

				form.elements.accessValues.value = JSON.stringify({

					groups: g_chosen_groups,

					users: g_chosen_users

				});

			}

			form.elements.isAnonymous.value = isAnonymous;

			form.elements.hideNames.value = hideNames;

		};

	}

});